<script setup lang="ts">
import {useIntervalFn } from '@vueuse/core'
import { ref } from 'vue';
const time = ref(0)
// pause 暂停的方法
// resume 开启的方法
// isActive 检查定时器是否开启 布尔值
const { pause,resume,isActive} = useIntervalFn(
  ()=>{
    if(time.value<=0) return pause()
    time.value--
  },1000,{immediate:false})
  const start = ()=>{
    time.value=5
    resume()
  }
</script>

<template>
  {{isActive}}
  <button @click="start">{{time>0?`${time}s后发送`:'发送验证码'}}</button>
</template>

<style scoped></style>
